<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
</head>

<body>
    <input type="text" oninput="change(event)" />

    <script>
        let obj = {
            name: "小明",
        };
        Object.defineProperty(obj, "name", {
            set(val) {
                console.log(val);
            },
            get() {},
        });
        // Object.defineProperty 第一个参数就是 要监听的对象 第二个参数是监听的对象里的属性 第三个参数是一个对象里面就是get 和set方法 get是获取初始值  set只要这个属性的值发生修改就会触发set 就能监听到他的修改

        let change = (e) => {
            // console.log(e);
            obj.name = e.target.value;
        };
    </script>
</body>

</html>